<template>
	<view>
		<web-view src="https://mjj.kdk59.top/yddjjweb/index.html?device_sn=weixin_page:NSWLYEDlYed|a:BS007418|shopid:1"></web-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		onLoad(e) {
		},
		onShow() {
			 
		},
		onReachBottom() {
		},
		methods: {
		}
	}
</script>

<style lang="less" scoped>
	page{
		background-color: #EDEDED;
	}
	.coupon-content-one{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 70vh;
		// height: 100%;
		// overflow: auto;
		// padding-bottom: 400upx;
	}
	.bottom-line{
		width: 458upx;
		height: 1upx;
		border: 2upx dotted #D8D8D8;
		margin-left: 180upx;
	}
	body{
	// background-color: #EDEDED;	
	}
	.content {
		// display: flex;
		// flex-direction: column;
		// align-items: center;
		// justify-content: center;
		width: 100%;
		height: 100%;
		// overflow: hidden;
		// padding-bottom: 100upx;
		background-color: #EDEDED;
		padding-top: 480upx;
	}

	.content-header{
		width: 750upx;
		height: 460upx;
		background: linear-gradient(180deg, #FFD103 0%, #F4B700 100%);
		border-radius: 0upx 0upx 40upx 40upx;
		position: fixed;
		top: 0;
		z-index: 999;
		.header-title{
			padding-top: 110upx;
			width: 100%;
			text-align: center;
			font-size: 32upx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: #2B303D;
		}
		.swiper{
			width: 686upx;
			margin: 0 auto;
			margin-top: 34upx;
		}
	}
	.yhj-list{
		width: 686upx;
		// height: 100%;
		background: #FFFFFF;
		border-radius: 0upx 0upx 16upx 16upx;
		margin: 0 auto;
		margin-top: 20upx;
		.shop-header{
			width: 686upx;
			height: 126upx;
			background: #2B303D;
			border-radius: 16upx 16upx 0px 0px;
			display: flex;
			align-items: center;
			.shop-center{
				width: 100%;
				display: flex;
				align-items: flex-end;
				justify-content: space-between;
				margin-left: 18upx;
				.shop-left{
					font-size: 28upx;
					color: #FFFFFF;
				}
				.shop-right{
					color: #FFD103;
					font-size: 24upx;
					display: flex;
					margin-right: 23upx;
				}
			}
		}
		.coupon-list{
			padding-left: 24upx;
			padding-right: 24upx;
			.coupon-list-center{
				display: flex;
				margin-top: 24upx;
				.center-nav{
					padding-left: 24upx;
					.nav-title{
						font-size: 28upx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #2B303D;
					}
					.nav-money{
						display: flex;
						align-items: center;
						justify-content: space-between;
						margin-top: 16upx;
						.tag{
							// width: 64upx;
							height: 40upx;
							background: #FFD103;
							border-radius: 8upx;
							font-size: 24upx;
							line-height: 40upx;
							text-align: center;
							padding-left: 10upx;
							padding-right: 10upx;
						}
						.sj{
							height: 40upx;
							font-size: 24upx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #2B303D;
							line-height: 40upx;
						}
					}
					.nav-js{
						width: 434upx;
						height: 66upx;
						font-size: 24upx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #A7ABB6;
						line-height: 33upx;
						margin-top: 16upx;
					}
				}
			}
			.coupon-content{
				width: 100%;
				display: flex;
				margin-top: 32upx;
				padding-bottom: 27upx;
				justify-content: flex-end;
				align-items: center;
				.content-money{
					font-size: 32upx;
					font-family: PingFangSC-Semibold, PingFang SC;
					font-weight: 600;
					color: #F57E00;
				}
				.content-money-old{
					font-size: 24upx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #A7ABB6;
					margin-left: 10upx;
					text-decoration: line-through;
					margin-top: 10upx;
				}
				.content-zk{
					width: 76upx;
					height: 40upx;
					border-radius: 20upx;
					border: 1upx solid #F57E00;
					font-size: 24upx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					text-align: center;
					line-height: 40upx;
					margin-left: 16upx;
					color: #F57E00;
				}
				.content--btn-ylq{
					width: 148upx;
					height: 64upx;
					background: #c1c1c1;
					border-radius: 32upx;
					font-size: 28upx;
					font-family: PingFangSC-Semibold, PingFang SC;
					font-weight: 600;
					color: #2B303D;
					line-height: 64upx;
					text-align: center;
					margin-left: 39upx;
				}
				.content--btn{
					width: 148upx;
					height: 64upx;
					background: #FFD103;
					border-radius: 32upx;
					font-size: 28upx;
					font-family: PingFangSC-Semibold, PingFang SC;
					font-weight: 600;
					color: #2B303D;
					line-height: 64upx;
					text-align: center;
					margin-left: 39upx;
				}
			}
		}
	}
</style>
